import React from 'react'
import Intercept from '../../utils/intercept'
import { NavLink } from 'react-router-dom'
import RouterView from '../../router/router.view'
function index(props) {
    return (
        <>
            <div className="foot-nav">
                {
                    props.routes.filter(item => item.title).map((item, index) => {
                        return (
                            <NavLink key={index} to={item.path} className="pro" activeClassName="click">
                                <span className={`iconfont ${item.icon} tubiao`}></span>
                                <span className="title">{item.title}</span>
                            </NavLink>
                        )
                    })
                }
            </div>
            <RouterView routes={props.routes} />
        </>
    )
}
export default Intercept(index)
